

<template>
  <dv-full-screen-container class="BaseAll">
    <dv-loading v-if="loading">数据加载中...</dv-loading>
    <div class="baseHead">
      <H1 class="baseTitLe" >天津市智慧停车充电一体化信息平台</H1>
      <selfMenu class="selectRange" ></selfMenu>
      <selfTime></selfTime>
    </div>
    <div class="baseBody">
      <router-view/>
    </div>
  </dv-full-screen-container>
</template>

<script>
import '@/assets/js/flexible'
import '@/assets/js/china'
import countTo from 'vue-count-to'
import selfMenu from '@/components/selfMenu/index'
import selfTime from '@/components/selfTime/index'
export default {
  name: 'BaseAll',
  components: {
    countTo,
    selfMenu,
    selfTime
  },
  data() {
  	return {
      loading:true,
    }
  },
  computed: {

  },
  created() {
  },
  mounted() {
    /**
     * 数据加载loding
     */
    setTimeout(() => {
      this.loading = false;
    }, 2000);
    /**
     * 获取路由
     */
    console.log(this.$route.name);
  },
  methods: {

  },
  beforeDestroy() {
  }
}
</script>

<style lang="scss" scoped>
.BaseAll{
  .baseHead{
    display: flex;
    justify-content: space-between;
    height: 72px;
    border-bottom: 2px #0160C8 solid;
    align-items: center;
    .baseTitLe{
      width: 25%;
      margin-left: 0.3rem;
      font-size: 30px;
      font-weight: normal;
      color: #00D2FF;
      line-height: 40px;
      background: linear-gradient(0deg, #ABECFF 0%, #FFFFFF 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .selectRange{
      width: 60%;
      display: flex;
      align-items: center;
    }
  }
  .baseBody{
    height: calc(100% - 74px);
    width: 100%;
    padding: 0.15rem;
  }
}
</style>
